<template>
  <div class="storeIndex">
    <Aside></Aside>
    <Header :title="title" @toggleMenu="toggleMenu" @navToBack="navToBack">
    </Header>
    <div class="storeMain">
      <p class="storeTitle">
        <span>党建应用商店</span>
      </p>
      <div class="storeDiv">
          <p>
            您当前的设备不支持直接跳转到党建云小程序商店，请下载微信(wechat)后使用；
          </p>
          <p>
            您也可以长按页面识别小程序码,进行使用
          </p>
        <p class="img">
          <img src="https://api.cloudcpc.com//static/index/images/code2.jpg" alt="">
        </p>
      </div>
    </div>
  </div>
</template>
<script>
  import aside from '../../components/aside.vue'
  import header from '../../components/header.vue'
  export default({
    data (){
      return {
        nomoreData:false,
        loadmoreClick:false,
        title:'应用商店',
      }
    },
    components:{
      Aside:aside,
      Header:header
    },
    methods:{
      navToBack(){
        this.$router.go(-1);//返回上一层
      },
      toggleMenu(){
        $('.aside').toggleClass('active')
        $('body').toggleClass('active')
        if($('.aside').hasClass('active')){
          $('#toggleBtn').find('.img2').hide()
          $('#toggleBtn').find('.img1').show()
        }else{
          $('#toggleBtn').find('.img1').hide()
          $('#toggleBtn').find('.img2').show()
        }
      },
      loadMore (){
        this.loadmoreClick =!this.loadmoreClick
      },
      choiseHead(index){
        this.defaultIndex =index
      }
    },
    mounted (){
      $('body').removeClass('active')
    }
  })
</script>
<style scoped="">
.storeMain{
  margin-top: 1.8rem;
}
.storeDiv{
  width: 6.24rem;
  margin: 0 auto;
  padding-top: 0.6rem;
  border-top:1px solid #e5e5e5;
}
.storeDiv p{
  text-indent:2em;
  font-size: 0.32rem;
  color: #333;
  line-height: 2;
}
.storeDiv p img{
  width: 3rem;
  height: 3rem;

}
.storeDiv .img {
  text-align: center;
  text-indent: 0;
  margin-top: 1.2rem;
}
  .storeTitle {
    text-align: center;
    font-size: 0.32rem;
    color: #333;
    font-weight: bold;
    padding-bottom: 0.25rem;

  }
  .storeTitle span{
    position: relative;


  }
.storeTitle span:before{
  position: absolute;
  content: '';
  left: -0.7rem;
  top:50%;
  width: 0.46rem;
  height: 0.48rem;
  background-image: url("../../../static/images/store.png");
  margin-top: -0.24rem;
  background-size: 0.46rem 0.47rem;
}
</style>
